{template 'common/header'}
<title>线上课程</title>
<style type="text/css">
    *{margin:auto;}
    body {margin:0; font-family:'微软雅黑'; background:#BDBDBD;}
    a:link,a:visited,a:active{color:#fff;text-decoration:none;}
    a{ text-decoration: none;}
    .title{width:100%;height:200px;background:url('../addons/ewei_shop/template/mobile/default/static/images/jiameng/class1.png') no-repeat 0 0;background-size:100% 200px;float:left;}
    .content{width:90%;height:550px;position:relative;top:-130px;float:left;margin-left:5%;}
    .kecheng{width:100%;height:60px;}
    .kecheng .line{width:100%;height:30px;}
    .kecheng .nav_on{width:60px;height:30px;background:#9B30FF;color:#fff;font-size:12px;text-align:center;line-height:30px;float:right;}
    .kecheng .nav_on a:link,a:visited,a:active{color:#fff;text-decoration:none;}
    .kecheng .nav_on a{display:inline-block;width:100%;height:100%;}
    .kecheng .nav{width:60px;height:30px;background:#fff;color:#000;font-size:12px;text-align:center;line-height:30px;float:right;}
    .kecheng .nav a:link,a:visited,a:active{color:#000;text-decoration:none;}
    .kecheng .nav a{display:inline-block;width:100%;height:100%;}
    .neirong{width:100%;height:450px;margin-top:10px;background:#EBEBEB;border-radius:10px;}
    .class_detail{width:90%;height:100px;background:#fff;margin-top:10px;float:left;margin-left:5%;border-radius:5px;}
    .xiantiao1{width:5px;height:100%;background:#FF3083;border-radius:5px 0 0 5px;float:left;}
    .xiantiao2{width:5px;height:100%;background:#4B8EFC;border-radius:5px 0 0 5px;float:left;}
    .xiantiao3{width:5px;height:100%;background:#FFCC30;border-radius:5px 0 0 5px;float:left;}
    .xiantiao0{width:5px;height:100%;background:#85B51C;border-radius:5px 0 0 5px;float:left;}
    .class-img{width:60px;height:60px;float:left;margin-top:20px;margin-left:10px;}
    .class-img img{width:100%;height:100%;}
    .xiangqing{width:200px;height:100px;float:left;margin-left:10px;}
    .xiangqing .line1{width:170px;height:20px;float:left;color:#5F5F5F;margin-top:10px;}
    .xiangqing .line1-in{width:170px;height:15px;float:left;color:#A1AABB;font-size:10px;}
    .xiangqing .con{width:170px;height:30px;float:left;font-size:12px;}
    .xiangqing .time{width:100%;height:20px;text-align:right;float:left;font-size:10px;color:#B1AFAF;}
    .xiangqing .jiantou{width:20px;height:70px;float:right;}
    .jian1{width:20px;height:20px;border-radius:10px;background:#FF3083;float:right;margin-top:40px;color:#fff;text-align:center;line-height:20px;}
    .jian2{width:20px;height:20px;border-radius:10px;background:#4EC3F7;float:right;margin-top:40px;color:#fff;text-align:center;line-height:20px;}
    .jian3{width:20px;height:20px;border-radius:10px;background:#FFCC30;float:right;margin-top:40px;color:#fff;text-align:center;line-height:20px;}
    .jian0{width:20px;height:20px;border-radius:10px;background:#85B51C;float:right;margin-top:40px;color:#fff;text-align:center;line-height:20px;}
    .class_detail a:link,a:visited,a:active{color:#000;text-decoration:none;}
    .class_detail a{display:inline-block;width:100%;height:100%;}
</style>
<div class="title"></div>
<div class="content">
    <div class="kecheng">
        <div class="line"><div class="nav_on"><a href="{php echo $this->createMobileUrl('franchise/center',array('op'=>'class_up'))}">线上课程</a></div></div>
        <div class="line"><div class="nav"><a href="{php echo $this->createMobileUrl('franchise/center',array('op'=>'class_down'))}">线下课程</a></div></div>
    </div>
    <div class="neirong">
        {loop $lesson  $row}
        <div class="class_detail">
            <a href="{php echo $this->createMobileUrl('franchise/center',array('op'=>'class_detail','id'=>$row['id']))}">
            <div class="xiantiao{$row['nav']}"></div>
            <div class="class-img"><img src="http://oss-cn-shenzhen.aliyuncs.com/weixin-lanxue/{$row['thumb']}"></div>
            <div class="xiangqing">
                <div class="line1">{$row['title']}</div>
                <div class="jiantou"><div class="jian{$row['nav']}">></div></div>
                <div class="line1-in">Course title</div>
                <div class="con">{$row['description']}</div>
                <div class="time">{php echo date('Y年m月d日',$row['starttime']);}</div>
            </div>
            </a>
        </div>
        {/loop}
    </div>
</div>
{template 'common/footer'}